<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>模板语法</title>
		<script type="text/javascript" src="../vue.js" ></script>
	</head> 
	<body>
		<div id = "root">
			<!--1:{{}}插值表达式 -->
			<div>{{message}}</div>
			<!--2:v-text和v-html绑值-->
			<div v-text="msg"></div>
			<div v-html="msg"></div>
		</div>
	</body>
	<script>
	 //生命周期函数就是Vue实例在某个时间点会自动执行的函数
	  var vm = new Vue({
	  	el : "#root",
	  	data : {
	  		message : '消息',
	  		msg : '<span>测试</span>'
	  	}
	  });
	</script>
</html>
